<!DOCTYPE HTML>
<html lang="zh-CN">
    <head>
        <title>当前网页加载时间-本地版</title>
        <meta name="Robots" content="INDEX,FOLLOW">
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
        <meta charset="utf-8">
        <link rel="stylesheet" href="index.css?v=a027c7ec">
        <script type="text/javascript" src="../static/vendor/vue/vue.js?v=b6ac71fa"></script>
        <script type="text/javascript" src="../static/vendor/require/require.js?v=234d4a65"></script>
    </head>
    <body>
        <div class="wrapper" id="pageContainer">
            <div class="panel panel-default" style="margin-bottom: 0px;">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <a href="http://www.baidufe.com/fehelper/feedback.html" target="_blank" class="x-a-high">
                            <img src="../static/img/fe-16.png" alt="fehelper" title="by zyl.参考版本v2020.05.2810">FeHelper
                        </a>
                        ：页面性能检测
                    </h3>
                </div>
            </div>
            <div class="panel-body mod-json">
                <div id="pageInfo" class="row">
                    被检测的页面：<span id="pageTitle">{{pageTitle}}</span>
                    <br>
                    页面完整地址：<span id="pageUrl">{{pageUrl}}</span>
                </div>
                <div id="pageLoadTime" class="row">
                    <h3>页面各阶段耗时分析</h3>
                    <table class="table table-bordered table-striped table-condensed table-hover">
                        <thead>
                            <th>事件</th>
                            <th>耗时</th>
                        </thead>
                        <tbody>
                            <tr v-if="timing" v-for="t in Object.keys(tmDefination)">
                                <td>{{tmDefination[t]}}</td>
                                <td>{{Math.ceil(timing[t])}} ms</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div id="pageHeaderInfo" class="row" v-show="headerInfo">
                    <h3>页面HTTP Response Header分析</h3>
                    <table class="table table-bordered table-striped table-condensed table-hover">
                        <thead>
                            <th>网页信息</th>
                            <th>数据</th>
                        </thead>
                        <tbody>
                            <tr v-for="(value,key) in headerInfo">
                                <td>{{key}}</td>
                                <td>{{value || '-'}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="index.js?v=664e5d03"></script>
        <script type="text/javascript" src="content-script.js?v=1bb21347"></script>
    </body>
</html>
